<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
			/*群组选择器*/
			ul, li {
				list-style: none;
				padding-left: 0;
			}
			I
			/*子孙选择器，#nav包含的所有u1标签*/
			#nav ul {
			
			}
			/*子选择器，#nav包含的ul子元素*/
			#nav>ul>li{
				color: white ;
				background-color: red;
			}
			#nav>ul>li>ul>li{
				background-color: blue;
			
			}
			
			/* 样式优先级id>class> */
			.red{ color: red;}
			#blue{ color: blue;}
			p{ color: gray !important;}

		</style>
	</head>
	<body>
		
		<p class="red" id="blue" >样式的优先级</p>

		
		<nav id="nav">
		<ul>
			<li> 
				<p>电器</p> 
				<ul>
					<li><a>空调</a></li>
					<li><a>电视</a></li>
					<li><a>冰箱</a></li>
					<li><a>洗衣机</a></li>
				</ul>
			</li>
			<li>
				<p>服装</p>
				<ul> 
					<li><a>童装</a></li>
					<li><a>男装</a></li> 
					<li><a>女装</a></li>
					<li><a>内衣</a></li>
				</ul>
			</li>
		</ul>
		</nav>
		<footer>
			<p>作者:璃茉</p>
			<p>电话: <a href="tel:4001101111">400-110-1111</a></p>
			<p>手机: <a href="sms:17603859790">176-0385-9790</a></p>
			<p>邮箱: <a href="mailto:707945423@qq.com">707945423@qq.com</a></p>
		</footer>

	</body>
</html>